@baseColor:#2B2B2B;
.head_top{
	background-color:@baseColor;
	height:50px;
	>.container{
		height: 50px;
		line-height: 50px;
		>.col-md-4{
			color:#fff;
			height:100%;
			padding:0;
			>span{
				display: inline-block;
				height:100%;
				width:100px;
				text-align: center;
				font-size:18px;
				cursor: pointer;
				>a{
					color:#fff;
					text-decoration: none;
				}
				&:hover{
					background-color:#444;
				}
			}
		}
		>.col-md-8{
			text-align: right;
			margin-top:10px;
			line-height: 30px;
			>input{
				height:30px;
				width:180px;
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
				padding-left:5px;
			}
			>button{
				width:70px;
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
			}
		}
	}
}
.playMovie{
	>figure{
		width:100%;
		>figcaption{
			background:url(../images/icon/mark.png) no-repeat 0.5rem 10px;
			background-size:20px 25px;
			height:50px;
			padding:15px 0;
			font-size:16px;
			>span{
				margin-right:5px;
				margin-left:5px;
			}
			>span:first-of-type{
				margin-left:55px;
				>a{
					text-decoration: none;
					font-weight: bold;
					font-family: inherit;
					&:hover{
						color:#42CDBC;
					}
				}
			}
		}
		>.player{
			border:1px solid #e5e9ef;
			background-color:#000;
			border-radius: 4px;
			min-width: 800px;
			height: 600px;
			background-color: #000;
			background: url(../images/loading.gif) center/300px no-repeat;
			position: relative;
			text-align: center;
			>video{
				display: none;
				height:100%;
				min-width:100%;
				object-fit: contain;
			}
			>.controls{
				width: 90%;
				height: 40px;
				background-color: rgba(0,0,0,0.2);
				position: absolute;
				border-radius: 4px;
				left: 35.5%;
				margin: 0 -350px;
				bottom: 5px;
				z-index: 99999;
				opacity: 1;
				>.switch{
					display: block;
					width: 20px;
					height: 20px;
					font-size: 20px;
					color: #fff;
					position: absolute;
					top: 11px;
					left: 15px;
				}
				>.progress{
					width: 70%;/*430*/
					height: 10px;
					border-radius: 3px;
					overflow: hidden;
					background-color: #555;
					cursor: pointer;
					position: absolute;
					top: 16px;
					left: 50px;
					>.line{
						width: 0;
						height: 100%;
						background-color: #fff;
						position: absolute;
						top: 0;
						left: 0;
					}
					>.bar{
						width: 100%;
						height: 100%;
						opacity: 0;
						position: absolute;
						left: 0;
						top:0;
						z-index: 1;
					}
				}
				>.timer{
					height:20px;
					line-height: 20px;
					position: absolute;
					left: 80%;
					top: 11px;
					color: #fff;
					font-size: 14px;
				}
				>.expand{
					display: block;
					width: 20px;
					height: 20px;
					font-size: 20px;
					color: #fff;
					position: absolute;
					right: 10px;
					top: 11px;
				}
			}
		}
	}
}
/*简介*/
.videoIntroduction{
	margin-top:30px;
	overflow: hidden;
	border-bottom: 1px solid #e5e9ef;
	padding-bottom:50px;
	>.cover{
		margin-top: 15px;
		height: 100%;
		float:left;
		width: 25%;
		>img{
			display: inline-block;
			transform: translateX(50%);
			width:50%;
			border-radius: 5px;
		}
		>.grade{
			margin-top: 5px;
			height:30px;
			width: 50% !important;
			transform: translateX(51%);
			>img{
				line-height: 30px;
				width:17% !important;
				display: inline-block;

			}
		}
	}
	>.introdece{
		width:75%;
		float:right;
		font-size:16px;
		overflow: hidden;
		span{
			margin-top: 5px;
			margin-bottom:5px;
			float:left;
			display: inline-block;
			width:40%;
			height: 30px;
			>.btn{
				padding-left:0px;
				padding-right:0px;
				margin-left:90px;
				height:30px;
				width:100px;
				letter-spacing:6px;
				font-size:14px;
			}
		}
		span:last-of-type{
			width:100%;
			height:100%;
		}
	}

}
/*评论和热门排行*/
.commentsCentent{
	overflow: hidden;
	>.comments{
		display: inline-block;
		width:80%;
		/*提交评论*/
		>.submitComments{
			position: relative;
			padding:20px 0;
			>img{
				height:80px;
				width:80px;
				border-radius: 50%;
				position:absolute;
				top:30px;
				left:0;
			}
			>textarea{
				margin-top:10px;
				margin-left:100px;
				min-width:720px;
				min-height:90px;
				resize: none;
				font-size:18px;
				border:1px solid #e5e9ef;
				background-color:#f4f5f7;
				color:#555;
				border-radius: 5px;
				padding:5px;
				&:hover{
					background-color:#fff;
				}
				&:focus{
					background-color:#fff;
				}
			}
			>button{
				display: inline-block;
				position:absolute;
				height:80px;
				width:80px;
				top:35px;
				right:0;
				padding:13px;
				font-size:20px;
				background-color:#00a1d6;
				border:1px solid #00a1d6;
				color:#fff;
				border-radius: 10px;
				opacity: 0.8;
				&:hover{
					opacity:1;
				}
			}
		}
		/*全部可查看评论*/
		>.ToViewComments{
			padding:10px;
			>h2{
				padding-bottom: 10px;
				border-bottom: 1px solid #e5e9ef;
			}
			>.definiteComments{
				margin-left:30px;
				margin-top:15px;
				overflow: hidden;
				>img{
					width:50px;
					height:50px;
					border-radius: 50%;
				}
				>span{
					display: inline-block;
					margin-top:10px;
					margin-left: 15px;
					font-size:20px;
					margin-bottom: 20px;
				}
				>.timerComments{
					font-size:16px;
					color:#999;
					margin-left: 10px;
				}
				>div{
					overflow: auto;
					padding-left:65px;
					font-size:16px;
					letter-spacing: 1px;
				}
			}
		}
		>.commentsBottom{
			height: 50px;
			background-color:#FFFFFF;
			margin:30px  0 15px 65px;
			color:#555;
			padding-left:470px;
		}
	}
	/*热门排行*/
	>.rankingList{
		display: inline-block;
		width:17%;
		padding: 10px;
		font-size:16px;
		float:right;
		>div{
			width:100%;
			margin-bottom: 15px;
			float: right;
			>a{
				margin-left:10px;
				font-size:14px;
			}
			>span{
				display: inline-block;
				width:20px;
				height:20px;
				background-color: #bbb;
				color:#fff;
				text-align: center;
			}
		}
		>div:first-of-type{
			margin-right:-5px;
			font-size: 18px;
			border-bottom:1px solid #e5e9ef;
			width:100%;
			padding-top:20px;
			padding-bottom:10px;
			>span:first-of-type{
				margin-left:15px;
				color:#42CDBC;
				background-color:#fff;
			}
			>span:last-of-type{
				margin-left:10px;
				color:#000;
				display: inline;
				background-color:#fff;
			}
		}
	}
}

/*底部*/
.bottom{
	clear: both;
	overflow: hidden;
	height:150px;
	width:100%;
	background-color:@baseColor;
	margin-top:80px;
}